@color: #095994;
@color-foot:#6E6E6E;
@color-1: #FFF;
.color-foot{
  color:@color;
}
.font-size{
  font-size:20px;
}
.text-center{text-align:center;}
.text-left{text-align:left;}
.hide{display:none;}
.container-fluid {
  padding-right:0 !important;
  padding-left:0 !important;
  position:relative;
  .wrapper {
    background:@color-1;
    .pull-left {
      margin-right: 100px;
      margin-left:80px;
      line-height:64px;
      .shares {
        margin-left: 10px;
        color:@color-foot;
      }
    }
    .list-tab{
      .nav-tabs{
        border-bottom:none;
        li a{
          line-height:42px;
          margin-right: 0;
          color:#333;
        }
        li.active>a{
          border: 1px solid @color;
          background:@color;
          color:@color-1;
          border-radius:0;
          line-height:42px;
        }
        li>a:hover{
            border-color:@color;
            background-color:@color;
            color:@color-1;
            border-radius:0;
            line-height:42px;
          }
    }
  }
    .pull-right{
      margin-right:80px;
      .dropdown{
        .dropdown-toggle{
          display:inline-block;
          width:105px;
          padding-left:5px;
          padding-right:5px;
          text-align:center;
          .language{
            img{
              margin-right:5px;
              vertical-align: middle;
            }
          }
        }
      }
      .navbar-nav>li>a{
          line-height:34px;
      }
      .nav .dropdown-menu{
        min-width:105px;
        position: absolute;
        top: 100%;
        left:0;
        padding:13px 4px 13px 4px;
        li>a{
          padding: 3px 3px;
          padding-left:8px;
        }
        li>a>img{
          margin-right:10px;
        }
      }
    }
}
  section{
    .banner {
      position: relative;
      .flexslider{overflow: hidden;}
      .knowAbout {
        background: @color;
        color: @color-1;
        width: 164px;
        line-height: 48px;
        text-align: center;
        position: absolute;
        bottom: 32%;
        left: 43%;
        font-size: 20px;
        cursor: pointer;
        text-decoration: none;
        z-index: 99;
      }
      /********了解更多***********/
      .arrow-down_box {
        width:100%;
        text-align:center;
        position: absolute;
        bottom: 54px;
        z-index:100;
      .arrow-down {
        margin:0 auto;
        width: 112px;
        z-index: 100;
        img {
          &:hover {
            cursor: pointer;
          }
        }
        div .left-line {
          display: inline-block;
          width: 50px;
          height: 4px;
          background: @color;
          margin-right: 6px;
          &:hover {
            cursor: pointer;
          }
        }
        div .right-line {
          display: inline-block;
          width: 50px;
          height: 4px;
          background: #c7c7c7;
          &:hover {
            cursor: pointer;
          }
        }
      }
      }
    }
    .introduce ul{
      padding:0;
      margin-bottom:0;
      &:after{
        content:'';
        display:block;
        clear:both;
      }
    }
    .introduce ul>li{
      list-style: none;
      padding-left:0;
      padding-right:0;
      div{
        margin-left:80px;
        margin-right:80px;
      }
      .title{
        margin-top:60px;
        font-weight:bold;
        small{
          margin-left:5px;
        }
      }
      .line{
        margin-top:15px;
        width:40px;
        height:2px;
        background:@color;
      }
      .content{
        margin-top:25px;
      }
      .knowMore{
        margin-top:40px;
        .color-foot{
          text-decoration:none;
        }
      }
    }
    .news_information{
      .news_title{
        font-size:40px;
        color:@color;
        font-weight:bold;
        margin-top:110px;
      }
      .news_shap{
        font-size:22px;
        color:@color-foot;
      }
      .cut-line{
        width:40px;
        height:4px;
        background:@color;
        margin:0 auto;
        margin-top:35px;
        margin-bottom:40px;
      }
      .news_img{
        position:relative;
        .news_content{
          width:1200px;
          padding-top:554px;
          margin:0 auto;
          .news_content_title{
            font-size:38px;
            width:888px;
            margin:0 auto;
          }
          .news_content_detail{
            width:800px;
            margin:0 auto;
            margin-top:30px;
          }
        }
        .moreNews{
          width: 164px;
          line-height: 48px;
          color: #fff;
          text-align: center;
          font-size: 21px;
          background: #095994;
          letter-spacing: 1px;
          display: block;
          position: absolute;
          left: 50%;
          bottom: 20%;
          margin-left: -86px;
          text-decoration:none;
        }
      }
    }
    .our_organize{
      height:540px;
      border:1px solid transparent;
      padding-top:100px;
      &:after{
        content:'';
        display:block;
        clear:both;
      }
      .organize_cn{
        font-size:38px;
        color:@color-1;
      }
      .organize_en{
        color:@color-1;
        margin-top:10px;
      }
      .organion{
        margin:0 auto;
        margin-top:90px;
        position:relative;
        div {
           width:112px;
           margin:0 auto;
          margin-top:70px;
            .left-line{
            display:inline-block;
            width:50px;
            height:4px;
            background:@color-1;
            margin-right:6px;
            &:hover{cursor:pointer;}
          }
          .right-line{
            display:inline-block;
            width:50px;
            height:4px;
            background:#87aecb;
            &:hover{cursor:pointer;}
          }
        }
        .organize_img{
          margin:0 auto;
          padding-left:0;
          margin-left:15%;
          margin-right:15%;
          li{
            float:left;
            list-style:none;
          }
          &:after{
              content:'';
              display:block;
              clear:both;
            }
        }
        .left_btn{
          position:absolute;
          left:70px;
          top:40px;
          cursor:pointer;
        }
        .right_btn{
          position:absolute;
          right:70px;
          top:40px;
          cursor:pointer;
        }
      }
    }
    .collectOur{
      .collectOur_content{
        padding-left:94px;
        margin-top:160px;
        position:relative;
        .collect_us{
          .collect_us_cn{
            font-size:32px;
            color:@color-foot;
          }
          .collect_us_en{
            color:#b2b2b2;
            font-size:22px;
            margin-top:10px;
          }
          .collect_line{
            width:60px;
            height:4px;
            background:@color;
            margin-top:25px;
          }
        }
        .address{
          margin-top:50px;
          .address_company{
            font-size:30px;
            color:@color;
          }
          .address_info{
            margin-top:35px;
            font-size:18px;
            color:#676767;
          }
        }
        .collect_ways{
          position:absolute;
          right:0;
          bottom:0;
          div {
            margin-bottom:8px;
            .icon{
              margin-right:10px;
            }
            span{
              line-height:29px;
              vertical-align:bottom;
              font-size:18px;
            }
          }
        }
      }
    }
  }
  .stepin_hemei{
    .hemei_group{
      padding-top: 58px;
      .group_title{
        text-transform: uppercase;
        color: #c6c6c6;
        font-size: 38px;
        padding-bottom: 16px;
        letter-spacing: 2px;
      }
      .group_shap{
        padding-bottom: 28px;
        color: #242424;
        font-size: 24px;
      }
      .cut-line{
        width: 52px;
        height: 3px;
        background-color: #242424;
        margin: 0 auto;
        margin-bottom: 48px;
      }
      .group_content{
        padding-bottom: 65px;
        .text-left{
          width: 1200px;
          margin: 0 auto;
          line-height: 28px;
          font-size: 16px;
          padding-left:2rem;
          padding-bottom:20px;
        }
        .text-indent{
          width: 1200px;
          margin: 0 auto;
          line-height: 28px;
          font-size: 16px;
          text-indent:2rem;
        }
      }
    }
    .group_business{
      padding-top: 58px;
      background:@color;
      .group_title{
        text-transform: uppercase;
        color: @color-1;
        font-size: 38px;
        padding-bottom: 16px;
        letter-spacing: 2px;
      }
      .group_shap{
        padding-bottom: 28px;
        color:@color-1;
        font-size: 24px;
      }
      .group_content{
        padding-bottom: 65px;
        .text-left{
          width: 1200px;
          margin: 0 auto;
          line-height: 28px;
          font-size: 16px;
          text-indent:2rem;
          color:@color-1;
        }
        .text-indent{
          width: 1200px;
          margin: 0 auto;
          line-height: 28px;
          font-size: 16px;
          padding-left:2rem;
          color:@color-1;
          padding-top:10px;
        }
      }
      .business_content{
        width:1200px;
        height: 58.4055%;
        margin: 0 auto;
        margin-bottom:20px;
        ul{
          padding-left:0;
          width: 100%;
          &:after{
            content:'';
            display:block;
            clear:both;
          }
          li{
            list-style: none;
            float:left;
            width: 20%;
            text-align: center;
            img{
              border-radius:50%;
              background:rgba(19,96,152,1);
            }
          }
        }
      }
    }
    .group_vision{
      padding-top:90px;
      .group_vision_content{
        width: 1200px;
        margin:0 auto;
        padding-bottom:30px;
        ul{
          padding-left:0;
          width: 100%;
          padding-bottom:0;
          &:after{
            content:'';
            display:block;
            clear:both;
          }
          li{
            list-style: none;
            float:left;
            width: 20%;
            text-align: center;
            dl {
               dd{
                 .vision_en{
                   font-size:24px;
                   margin-top: 10px;
                   color:#d1d1d1;
                 }
                 .vision_cn{
                   font-size:20px;
                   font-weight:bold;
                   color:#333;
                 }
                 span{
                   display:inline-block;
                   width:150px;
                   margin-top: 10px;
                   color:#999999;
                 }
               }
              dt {
                 img{
                   width:70%;
                   height:70%;
                 }
               }
            }
          }
        }
      }
    }
    .hemei_history{
      .he_history{
        width: 1100px;
        margin: 0 auto;
        position: relative;
        padding-top: 50px;
        padding-bottom: 40px;
        overflow: hidden;
        .down_line{
          width: 0;
          height: 290px;
          border-right: 2px solid #e6e6e6;
          position: absolute;
          left: 548px;
          top: 60px;
        }
        .history_box_left{
          width: 550px;
          height: 90px;
          text-align: right;
          padding-right: 50px;
          overflow: visible;
          position: relative;
          h4{
            font-size: 16px;
            color: #231f20;
            font-weight: 900;
          }
          p{
            font-size: 14px;
            margin-top: 14px;
            line-height: 18px;
          }
          .circle{
            width: 24px;
            height: 24px;
            border-radius:50%;
            background:@color;
            position: absolute;
            top: 0;
            right: -12px;
          }
        }
        .history_box_right{
          width: 550px;
          height: 90px;
          text-align: left;
          padding-left: 50px;
          margin-left: 550px;
          overflow: visible;
          position: relative;
          h4{
            font-size: 16px;
            color: #231f20;
            font-weight: 900;
          }
          p{
            font-size: 14px;
            margin-top: 14px;
            line-height: 18px;
          }
          .circle{
            width: 24px;
            height: 24px;
            border-radius:50%;
            background:@color;
            position: absolute;
            top: -4px;
            left: -12px;
          }
        }
      }
    }
  }
  .industry{
    .industry_tab{
      border-bottom:1px solid #eee;
     ul{
       width:1200px;
       margin:0 auto;
       padding:0;
       border-bottom:none;
       li{
         width:20%;
         text-align: center;
         padding: 10px 0 10px 0;
         a{
           padding:0;
           border-right:1px solid #eee;
           color:#a1a1a1;
           font-size:16px;
           &:hover{
             background:#fff;
             border:1px solid transparent;
             border-right:1px solid #eee;
           }
         }
       }
       .active a{
         border:1px solid transparent;
         border-right:1px solid #eee;
         color:#095994;
         font-size:16px;
       }
     }
    }
    .navbar-wrapper{
      margin-top:0;
    }
    .isStuck{
      background: #f7f7f7;
      ul{
        li{
          &:hover{
            background:#095994;
            a{
              background:transparent;
              color:#fff;
              border-right:none;
            }
          }
        }
      }
    }
    .content_box{
      .brand_tab{
        width:1200px;
        margin:0 auto;
        text-align:center;
        ul{
          width:180px;
          margin:0 auto;
          li{
            a{
              border:none;
              color:#095994;
              &:hover{
                background:#fff;
                color:#095994;
              }
            }
          }
          .active{
            border-bottom:2px solid #095994;
          }
        }
        .nav-tabs{border-bottom:none}
      }
      .tab-content{
        width:1000px;
        margin:0 auto;
        .flag_brand{
          width:1000px;
          .swiper-container{
            margin-top:30px;
            height:276px;
            -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0);
            li{margin-left:8px;margin-right:8px;}
            ul li{
              dl{
                float:left;
                width:22%;
                text-align:center;
                margin-bottom:0;
                background:#f7f7f7;
                dt{
                  img{
                    width:100%;
                    height:100%;
                    margin:0 auto;
                  }
                }
                dd{
                  margin-top:45px;
                  margin-bottom:20px;
                  div{
                    font-size:20px;
                    color:#ccc;
                    margin-bottom:5px;
                  }
                  p{
                    color:#333;
                  }
                }
              }
              .margin-left{
                margin-left:30px;
              }
              .margin-right{
                margin-left:30px;
                margin-right:30px;
              }
            }
          }
        }
      }
      .tourism_box{
        background:#0b5a94;
        padding-bottom:80px;
        .character_title{
          padding-top:60px;
        }
        .character_bottom{
          width:1200px;
          margin:0 auto;
          margin-top:38px;
          &:after{
            content:'';
            display:block;
            clear:both;
          }
          .flag_map{
            p{
              font-weight:bold;
              font-size:16px;
            }
            .flag_map_box{
              position: relative;
            }
            h4{
              position:absolute;
              top:60px;
              left:168px;
              text-align: center;
              font-size:20px;
              font-weight:bold;
              margin:0 auto;
            }
          }
          .cooperate_log{
            p{
              font-weight:bold;
              font-size:16px;
            }
            ul{
              margin-bottom:0;
              &:after{
                content:'';
                display:block;
                clear:both;
              }
              li{
                float:left;
              }
              .flag_left{margin-right:15px;margin-bottom:20px;}
              .flag_right{margin-right:15px;margin-bottom:20px;}
              .flag_bottom{margin-right:15px}
            }
          }
        }
      }
      .finance_box{
        .character_bottom{
          width:1200px;
          margin:0 auto;
          padding-bottom:38px;
          &:after{
            content:'';
            display:block;
            clear:both;
          }
          ul{
            &:after{
              content:'';
              display:block;
              clear:both;
            }
            li{
              float:left;
              border:1px solid #e5e5e5;
            }
            .center-border{
              border-left:none;
              border-right:none;
            }
          }
          .pull-right{
            div{
              border:1px solid #e5e5e5;
            }
          }
        }
      }
      .contentUnion_box{
        background:#095994;
        padding-top:50px;
        padding-bottom:60px;
        .character_logo{
          width:1200px;
          margin:0 auto;
          ul{
            margin-top:100px;
            margin-bottom:50px;
            &:after{
              content:'';
              display:block;
              clear:both;
            }
            li{
              float:left;
              width:14%;
              text-align:center;
              img{
                border-radius:50%;
                background:#136098;
              }
            }
          }
        }
        p{
          width:1200px;
          margin:0 auto;
          font-size:16px;
          font-weight:bold;
          margin-bottom:20px;
        }
        .brand_logo{
          img{
            background: #136098;
          }
        }
      }
      .Science_box{
        padding-bottom:60px;
        p{
          width:1200px;
          margin:0 auto;
          margin-top:35px;
          font-size:16px;
          font-weight:bold;
          color:#767676;
          margin-bottom:10px;
        }
      }
    }
  }
  .channel{
    .contact_us_bg{
      padding-top:110px;
      .designer_content{
        text-align: center;
        padding-top: 24px;
        height: 70px;
        a{
          text-decoration: none;
          margin-right:20px;
          padding-bottom: 12px;
          display: inline-block;
          font-size: 18px;
          color: #095994;
        }
      }
    }
      .tab-content{
        .brand_designer{
          width:1200px;
          margin:0 auto;
          font-size:20px;
          color:#333;
          .designer_en{
            margin:0 auto;
            margin-top: 60px;
            margin-bottom:20px;
            font-size:40px;
            color:#c6c6c6;
            font-weight:bold;
          }
          p{margin:0 auto;font-size:20px;color:#242424}
          .design_line{
            width:60px;
            height:4px;
            background:#242424;
            margin:0 auto;
            margin-top:30px;
            margin-bottom:35px;
          }
          .design_ways{
            margin:0 auto;
            margin-top:20px;
            width:66%;
            .design_others{
              display:inline-block;
              color:#999;
              width:32%;
              span{
                color:#333 !important;
              }
            }
          }
          .design_form{
            margin-top:50px;
            &:after{
              content:'';
              display:block;
              clear:both;
            }
            input{
              width:49%;
              padding-left:20px;
              height:50px;
              margin-bottom:20px;
              border:1px solid #eee;
              color:#cacaca;
            }
            textarea{
              width:100%;
              height:240px;
              margin-bottom:20px;
              border:1px solid #eee;
              padding-left:20px;
              padding-top:20px;
              color:#cacaca;
              resize:none;
            }
            div{
              width:100%;
              height:85px;
              border:1px dotted #eee;
            }
          }
          .upload{
            p{
              margin:0 auto;
              width:250px;
              color:#adadad;
              font-size:30px;
              line-height:30px;
              margin-top:20px;
              span{
                font-size:20px;
                cursor:pointer;
              }
            }
          }
          .submit{
            width:355px;
            margin:0 auto;
            margin-top:20px;
            margin-bottom:70px;
            input{
              width:165px;
              height:40px;
              font-size:16px;
            }
            .btn-resize{
              margin-right:15px;
              background:@color-1;
              color:#333;
              border:1px solid #e5e5e5;
              &:active{
                outline: 0;
                border:1px solid #e3e3e3;
              }
              &:focus{
                outline: 0;
                border:1px solid #ccc;
              }
            }
            .btn-submit{
              background:@color;
              color:#fff;
              border:1px solid @color;
              &:active{
                outline: 0;
                border:1px solid @color;
              }
              &:focus{
                outline: 0;
                border:1px solid #3878D7;
              }
            }
          }
          .designer_wallpaper{
            padding-top:25px;
            .pull-left{
              width:187px;
              height:260px;
              background:#f7f7f7;
              margin-bottom:16px;
              margin-left:11px;
              cursor:pointer;
              img{width:100%;}
              span{
                display:inline-block;
                width:100%;
                margin-top:15px;
                margin-bottom:15px;
                text-align:center;
                font-size:13px;
                color:#666;
              }
            }
            .add_designer{
              margin-left:11px;
              float:left;
              padding:10px;
              background:#f7f7f7;
              width:187px;
              height:260px;
              div{
                background:#fff;
                width:167px;
                height:240px;
                margin-bottom:16px;
                margin-right:10px;
                padding-top:90px;
                p{
                  color:#666;
                  font-size:16px;
                  text-align: center;
                }
                a{
                  display:inline-block;
                  width:100%;
                  margin-top:20px;
                  text-decoration:none;
                  font-size:14px;
                  text-align: center;
                  color:#095994;
                  span{
                    padding-left:5px;
                  }
                }
              }
            }
          }
        }
      }
  }
  .contact_us{
    .contact_box{
      width:1200px;
      margin:0 auto;
      padding-top:40px;
      .group_hq{
        h3{margin-bottom:25px;}
        &:after{
          content:'';
          display:block;
          clear:both;
        }
        .group_map{
          width:582px;
          height:360px;
        }
        .group_address{
          width:580px;
          height:360px;
          h4{color:@color;font-size:18px;padding:0;margin-bottom:20px;}
          h5{color:#999;font-size:16px;}
          &:after{
            content:'';
            display:block;
            clear:both;
          }
          .touch_ways{
            margin-top:60px;
            .pull-left{
              p{
                font-size:16px;
                color:#666;
                margin-bottom:38px;
                span{color:#999;}
              }
            }
            .pull-right{
              p{
                color:#999;
                margin-top:18px;
                margin-bottom:0;
              }
            }
          }
        }
      }
      .human_resource{
        h3{
          margin-bottom:40px;
          margin-top: 55px;
        }
        ul{
          &:after{
            content:'';
            display:block;
            clear:both;
          }
          li{
            float:left;
            width: 33.33%;
            padding-left:40px;
            .media{
              h4{font-size:20px;color:#999;}
              p{font-size:16px;color:#333;}
              a{
                img{
                  border-radius:50%;
                  border:1px solid #eee;
                }
              }
              .media-body{
                padding-top:20px;
                padding-left:10px;
              }
            }
          }
        }
      }
      .group_member{
        padding-top:25px;
        h3{margin-bottom:30px;}
        ul{
          &:after{
            content:'';
            display:block;
            clear:both;
          }
          li{
            float:left;
            width:50%;
            margin-bottom:30px;
            .media{
              .media-body{
                padding-top:10px;
                padding-left:6px;
                h4{font-size:16px;}
                p{font-size:13px;}
              }
              a img{border:1px solid #eee}
            }
          }
        }
      }
    }
  }
  footer{
    background:@color;
    .introduce_top{
      position:relative;
      width:1200px;
      margin:0 auto;
      div ul{
        padding-left:0;
        margin-bottom:0;
        &:after{
          content:'';
          display:block;
          clear:both;
        }
      }
      div ul li{
        list-style:none;
        float:left;
        line-height:94px;
        width:200px;
        text-align:left;
        a{color:#b9c7d8}
      }
      &:after{
        content:'';
        display:block;
        clear:both;
      }
      .pull-right{
        line-height:94px;
        &:hover{
          cursor:pointer;
        }
      }
      .weixin_code{
        position:absolute;
        top:-184px;
        right:-48px;
      }
    }
    .line{
      background:#1a649a;
      width:100%;
      height:1px;
    }
    .introduce_bottom{
      width:1200px;
      margin:0 auto;
      &:after{
        content:'';
        display:block;
        clear:both;
      }
      span{
        line-height:50px;
        color:#547fa9;
      }
    }
  }
  .my_modal .modal-dialog{
    width:1200px;
    height: 950px;
    .modal-content{
      padding:35px;
      position: relative;
      .modal-header{
        padding:0 0 25px 0;
        .close{
          width:40px;
          height:40px;
          background:#0e4e7e;
          color:#fff;
          border-radius:50%;
          opacity: 1;
          text-align:center;
          position:absolute;
          top:-18px;
          right:-18px;
          span{
            display:inline-block;
            width:40px;
            height:40px;
            border-radius:50%;
            line-height:36px;
            font-size:30px;
          }
        }
        .modal-title{
          text-align:center;
          font-size:20px;
        }
      }
      .modal-body{
        padding:0;
        h3{
          margin-top:35px;
          margin-bottom:20px;
          font-size:18px;
          color:#333;
          small{
            font-size:16px;
            color:#999;
            padding-left:5px;
          }
        }
        .media{
          .media-body{
            color:#999;
            padding-left:15px;
            h4{
              font-size:15px;
              line-height:1.8;
            }
            p{
              font-size:15px;
              margin-top:30px;
              line-height:1.8;
            }
          }
        }
        .design_brief{
          color:#999;
          font-size:15px;
          line-height:1.8;
        }
        .swiper-containerr{
          margin-top:40px;
          .swiper-slide{
            height:294px;
            li{
              text-align:center;
              width:100%;
              img{
                width:40%;
                height:40%;
                border:10px solid #f2f2f2;
              }
            }
          }
        }
      }
    }

  }
}